$baseFont: 37.5;

@function parseInt($n) {
  @return $n / ($n * 0 + 1); /* 2 */
}

@function rem($px) {
  $list: ();
  @each $item in $px {
    @if $item == 0 or $item == auto {
      $list: append($list, $item);
    } @else {
      $unit: unit($item);
      $val: parseInt($item);

      @if $unit == px {
        $list: append($list, ($val / $baseFont + rem))
      }

      @if $unit == rem {
        $list: append($list, $item);
      }
    }
  }
  @return $list;
}

@mixin bg-image($url) {
  background-image: url($url + "@2x.png");
  @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    background-image: url($url + "@3x.png");
  }
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}

@mixin border-bottom-1px ($color) {
  position: relative;
  &:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: 1px solid $color;
  }
  @media (-webkit-min-device-pixel-ratio: 1),(min-device-pixel-ratio: 1) {
    &:after {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5) {
    &:after {
      -webkit-transform: scaleY(0.7);
      transform: scaleY(0.7);
    }
  }
  @media (-webkit-min-device-pixel-ratio: 2.0),(min-device-pixel-ratio: 2.0) {
    &:after {
      -webkit-transform: scaleY(0.5);
      transform: scaleY(0.5);
    }
  }
}

@mixin border-top-1px ($color) {
  position: relative;
  &:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    border-top: 1px solid $color;
  }
  @media (-webkit-min-device-pixel-ratio: 1),(min-device-pixel-ratio: 1) {
    &:before {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5) {
    &:before {
      -webkit-transform: scaleY(0.7);
      transform: scaleY(0.7);
    }
  }
  @media (-webkit-min-device-pixel-ratio: 2.0),(min-device-pixel-ratio: 2.0) {
    &:before {
      -webkit-transform: scaleY(0.5);
      transform: scaleY(0.5);
    }
  }
}

.layui-m-layer1 .layui-m-layerchild {
  border-radius: rem(6px)!important;
}